<!DOCTYPE html>
<html>
    <head>
        <title>DEMO</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
            <meta name="viewport" content="width=device-width, initial-scale=1"/>
            <meta name="apple-mobile-web-app-capable" content="yes">
                <meta name="apple-mobile-web-app-status-bar-style" content="black">
                    <meta http-equiv="Access-Control-Allow-Origin" content="*"/>
                    <meta name="launcher"
                    hideAddressBar="true"
                    preventTouchMove="false"
                    enablePhoneGap="false"/>
                    
                    <link href="cube/css/cube.css" rel="stylesheet"/>
                    <script data-main="cube/js/launcher" src="cube/vendor/require.js"></script>
                    
                    <style type="text/css">
                        /**
                         * Example of an initial loading indicator.
                         * It is recommended to keep this as minimal as possible to provide instant feedback
                         * while other resources are still being loaded for the first time
                         */
                        body {
                            background-color: #1985D0
                        }
                        
                        #appLoadingIndicator {
                            position: absolute;
                            top: 50%;
                            margin-top: -15px;
                            text-align: center;
                            width: 100%;
                            height: 30px;
                            -webkit-animation-name: appLoadingIndicator;
                            -webkit-animation-duration: 0.5s;
                            -webkit-animation-iteration-count: infinite;
                            -webkit-animation-direction: linear;
                        }
                        
                        #appLoadingIndicator > * {
                            background-color: #FFFFFF;
                            display: inline-block;
                            height: 30px;
                            -webkit-border-radius: 15px;
                            margin: 0 5px;
                            width: 30px;
                            opacity: 0.8;
                        }
                        
                        @-webkit-keyframes appLoadingIndicator{
                            0% {
                                opacity: 0.8
                            }
                            50% {
                                opacity: 0
                            }
                            100% {
                                opacity: 0.8
                            }
                        }
                        </style>
                    </head>
    <body>
        
        <!-- add loading screen here, using html5 animation -->
        <div id="appLoadingIndicator">
            <div></div>
            <div></div>
            <div></div>
        </div>
        
    </body>
</html>